/*
干部信息考试系统 _登录注册答题页面_PC端
 */

*{margin:0; padding:0;}
html,body{height:100%;}
@font-face {
	font-family:guangBiao;
	src: url(../fonts/fangZhengHanZhenGuangBiao.TTF);
}
@font-face{
	font-family: huawenxingkai;
	src: url(../fonts/STXINGKA.TTF)
}
@font-face {
	font-family:numsClock;
	src: url(../fonts/numsClock.TTF);
}

/*登录页*/
.login{font:14px/1.5 helvetica,arial,"Microsoft YaHei",\5b8b\4f53; background: url(../images/bg_PC_login.jpg) no-repeat; background-size:100% 100%; }
/*盒子布局*/
.topLeft{   display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:box; -webkit-box-pack:start; -moz-box-pack:start; -ms-flex-pack:start; box-pack:start; -webkit-box-align:start; -moz-box-align:start; -ms-flex-align:start; box-align:start; }
.topCenter{ display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:box; -webkit-box-pack:center; -moz-box-pack:center; -ms-flex-pack:center;  box-pack:center; -webkit-box-align:start; -moz-box-align:start; -ms-flex-align:start;  box-align:start;  }
.topRight{  display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:box; -webkit-box-pack:end; -moz-box-pack:end;-ms-flex-pack:end;   box-pack:end; -webkit-box-align:start; -moz-box-align:start; -ms-flex-align:start; box-align:start; }

.middleLeft{  display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:box; -webkit-box-pack:start; -moz-box-pack:start; -ms-flex-pack:start;  box-pack:start; -webkit-box-align:center; -moz-box-align:center; -ms-flex-align:center;  box-align:center; }
.middleCenter{display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:box; -webkit-box-pack:center; -moz-box-pack:center;-ms-flex-pack:center; box-pack:center; -webkit-box-align:center; -moz-box-align: center; -ms-flex-align:center; box-align:center; }
.middleRight{ display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:box; -webkit-box-pack:end; -moz-box-pack:end;-ms-flex-pack:end;   box-pack:end; -webkit-box-align:center; -moz-box-align:center; -ms-flex-align:center;  box-align:center; }

.bottomLeft{   display:-webkit-box; display:-moz-box;display:-ms-flexbox; display:box; -webkit-box-pack:start; -moz-box-pack:start; -ms-flex-pack:start;  box-pack:start; -webkit-box-align:end; -moz-box-align:end; -ms-flex-align:end;  box-align:end; }
.bottomCenter{ display:-webkit-box; display:-moz-box;display:-ms-flexbox; display:box; -webkit-box-pack:center; -moz-box-pack:center;-ms-flex-pack:center;box-pack:center; -webkit-box-align:end; -moz-box-align:end; -ms-flex-align:end; box-align:end; }
.bottomRight{  display:-webkit-box; display:-moz-box;display:-ms-flexbox; display:box; -webkit-box-pack:end; -moz-box-pack:end; -ms-flex-pack:end;box-pack:end; -webkit-box-align:end; -moz-box-align:end; -ms-flex-align:end; box-align:end;}
/*盒子阴影*/
.shadow{
	-webkit-box-shadow:0px 1px 10px 4px rgba(34,117,255,0.5), 0px -1px 5px 1px rgba(19,108,236,0.5);
	-moz-box-shadow:0px 1px 10px 4px rgba(34,117,255,0.5), 0px -1px 5px 1px rgba(19,108,236,0.5); 
	box-shadow:0px 1px 10px 4px rgba(34,117,255,0.5), 0px -1px 5px 1px rgba(19,108,236,0.5);
}
.shadow01{
	-webkit-box-shadow:0px 1px 5px 2px rgba(0,0,0,0.1);
	-moz-box-shadow:0px 1px 5px 2px rgba(0,0,0,0.1); 
	box-shadow:0px 1px 4px 2px rgba(0,0,0,0.1);
}
.shadow02{
	-webkit-box-shadow:0px -1px 5px 2px rgba(0,0,0,0.1);
	-moz-box-shadow:0px -1px 5px 2px rgba(0,0,0,0.1); 
	box-shadow:0px -1px 4px 2px rgba(0,0,0,0.1);
}
.shadow03{
	-webkit-box-shadow:0px 1px 30px -5px rgba(0,0,0,0.1);
	-moz-box-shadow:0px 1px 30px -5px rgba(0,0,0,0.1); 
	box-shadow:0px 1px 30px -5px rgba(0,0,0,0.1);
}
.gradual_bg{
	background:-webkit-gradient(135deg,#3757FF,#3E93FF);		
	background:-webkit-linear-gradient(135deg,#3757FF,#3E93FF);		
	background:-moz-linear-gradient(135deg,#3757FF,#3E93FF);		
	background:-o-linear-gradient(135deg,#3757FF,#3E93FF);		
	background:-ms-linear-gradient(135deg,#3757FF,#3E93FF);		
	background:linear-gradient(135deg,#3E93FF,#3757FF);		
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr = #3E93FF, endColorstr =#3757FF );   
}
.gradual_btn{
	background:-webkit-gradient(270deg,#3757FF,#3E93FF);		
	background:-webkit-linear-gradient(270deg,#3757FF,#3E93FF);		
	background:-moz-linear-gradient(270deg,#3757FF,#3E93FF);		
	background:-o-linear-gradient(270deg,#3757FF,#3E93FF);		
	background:-ms-linear-gradient(270deg,#3757FF,#3E93FF);		
	background:linear-gradient(270deg,#3E93FF,#3757FF);		
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr = #3E93FF, endColorstr =#3757FF );   
}

.login .main-content{border:0px solid red; width:1175px; height:760px;}
.login .main-content .inputDiv{width:30%; height:100%; background-color:white;float:left;}
.login .main-content .infoDiv{width:70%; height:100%; float:right;}
.login .main-content .inputDiv .title{border:0px solid red;height:260px;width:100%;text-align: center;font-size:42px; color:#a3c8fd;padding:90px 0px;}
.login .main-content .inputDiv .inputCollection{border:0px solid green;height:330px;width:100%;padding:0 40px;}
.login .main-content .inputDiv .inputCollection .innerInput{padding-bottom:45px;border:0px solid red;}
.login .main-content .inputDiv .inputCollection .innerInput label{font-size:16px;color:#49a8ff;}
.login .main-content .inputDiv .inputCollection .innerInput .input-group{border-color: #ecf4fe;}
.login .main-content .inputDiv .inputCollection .innerInput .input-group span{color:#3ea3ff;font-size:24px;background-color:#f4f9ff;border-right-width:0;}
.login .main-content .inputDiv .inputCollection .innerInput .input-group input{  padding: 21px 12px;border-left-width:0;background-color:#f4f9ff;color:#61A8FF;}
/*input placeholder*/
.login .main-content .inputDiv .inputCollection .innerInput .input-group input::-webkit-input-placeholder{color:#CCCCCC;font-size:1.14em;}
.login .main-content .inputDiv .inputCollection .innerInput .input-group input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color:#CCCCCC;font-size:1.14em;}
.login .main-content .inputDiv .inputCollection .innerInput .input-group input::-moz-placeholder { /* Mozilla Firefox 19+ */ color:#CCCCCC;font-size:1.14em; }
.login .main-content .inputDiv .inputCollection .innerInput .input-group input:-ms-input-placeholder { /* Internet Explorer 10-11 */ color:#CCCCCC;font-size:1.14em;}
.login .main-content .inputDiv .inputCollection button{border-radius:22px;height:44px; margin-top:50px; outline:none}


.login .main-content .inputDiv .targetPasswardBtn,
.login .main-content .inputDiv .registerBtn {border:0px solid pink;height:85px;width:100%;text-align: center;padding:31px 0px;}
.login .main-content .inputDiv .targetPasswardBtn a,
.login .main-content .inputDiv .registerBtn a {border:0px solid red;font-size:1.14em; color:#a3c8fd;}
 .login a>img{width:10%;opacity: 0.5;}
 a:hover{text-decoration:none; }

 .login hr {border: 0; border-top: 1px solid #eee; margin: 0 30px; background-color:#8fbfff;height:1px;border:none}
 
.login .main-content .inputDiv .registerBtn{border-top:0px solid deeppink;height:85px;width:100%;}

.login .main-content .infoDiv .mainTitle{padding:77px 0px; text-align:center;color:white ;width:100%; height:280px;border:0px solid red; background:url(../images/bg_line.png) no-repeat ;background-size:60% 100%;}
.login .main-content .infoDiv .mainTitle h1{font-family:guangBiao; margin:0; display:inline-block;font-size:4.65em;}
.login .main-content .infoDiv .mainTitle span{font-size:3em}
.login .main-content .infoDiv .desortionImg{border:0px solid red;text-align: center; margin-top:-50px;opacity:0.8;}

.login .main-content .navtigateDiv{border:0px solid red; font-size:1.28em; color:#c1c8d1; font-style: italic; text-align:center; height:30px;}
.login .main-content .navtigateDiv .name{border:0px solid red;     height: 122.5px; padding-top:90px; text-align:left;}
.login .main-content .navtigateDiv .name span{border:0px solid red; display: inline-block; padding:0 29px; }
.login .main-content .navtigateDiv .name span:nth-child(1){padding-left:208px; color:white;}
.login .main-content .navtigateDiv .name span:nth-child(2){padding-left:20px;}
.login .main-content .navtigateDiv .name span:nth-child(3){padding-left:16px;}
.login .main-content .navtigateDiv .name span:nth-child(4){padding-left:52px;}
.login .main-content .navtigateDiv hr{}
.login .main-content .navtigateDiv .dits{border:0px solid green; height: 88px; }
.login .main-content .navtigateDiv .dit{border:0px solid green; height: 88px; display:inline-block;}

.login .main-content .navtigateDiv .dit .inline_div{border:0px solid green; height: 88px; display:inline-block;}
.login .main-content .navtigateDiv .dit img{border:0px solid red;     margin-top: -82px;}
.login .main-content .navtigateDiv .dit .inline_div>div{border:0px solid green; height:44px; width:80px;}
.login .main-content .navtigateDiv .dit .inline_div>div:first-child{border-bottom:1px solid white;}

/*注册页*/
.register .main-content .inputDiv .inputCollection button{margin-top: 20px;}
.register .main-content .inputDiv .inputCollection .yanzhengma{border:0px solid red;}
.register .main-content .inputDiv .inputCollection .yanzhengma .input-group{border:0px solid red; width:64%;}
.register .main-content .inputDiv .inputCollection .yanzhengma .yanzhengmaBtn{float:right; margin-top:-44px; border-radius: 5px; background-color:#7FACFF; border:1px solid #6E9FFF;}

.hiddenStyle{ display: none !important;}
.register .main-content .navtigateDiv .name span:nth-child(2){padding-left: 333px; color:white;}
.register .main-content .navtigateDiv .name span:nth-child(3){padding-left: 52px}

/*参考人员个人信息*/
.personInfo{background-color:#1f95ff; background-image:none;}
.personInfo .main-content{background-color:white; }
.personInfo .main-content .outerDiv{border:0px solid red; height:100%; width:33%; float:left;}
.personInfo .main-content .leftDiv{width:115px;} 
.personInfo .main-content .leftDiv .returnBtn{border:0px solid red;height:200px;padding-top:25px; text-align: center;}
.personInfo .main-content .leftDiv .returnBtn a{ color:#2188ff;}
.personInfo .main-content .leftDiv .returnBtn a span{font-size:52px;}

.personInfo .main-content .centerDiv{width:600px; /*background-color:#2282ff;*/} 
.personInfo .main-content .centerDiv .innerInputs{width:100%; height:725px; background-color:#2282ff; padding-left:70px; padding-right:70px;} 
.personInfo .main-content .centerDiv .innerInputs h1{border:0px solid red; color:white; text-align: center; font-size:3em; margin-top:40px; margin-bottom:40px;}
.personInfo .main-content .centerDiv .innerInputs .inputCollection{border:0px solid red; height:auto}
.personInfo .main-content .centerDiv .innerInputs .inputCollection .input-group{border:0px solid red; height:65px; background-color:#49a8ff; width:100%;margin-bottom: 30px;}
.personInfo .main-content .centerDiv .innerInputs .inputCollection .input-group>span{background-color:#49a8ff; color:#005080; font-size:2.5em; border-width: 0; width:19%;}
.personInfo .main-content .centerDiv .innerInputs .inputCollection .input-group:nth-child(2)>span{font-size:2.1em;}
.personInfo .main-content .centerDiv .innerInputs .inputCollection .input-group:nth-child(3)>span{font-size:2.1em;}
.personInfo .main-content .centerDiv .innerInputs .inputCollection .input-group:nth-child(3)>.sexInfoText{border:0px solid red; width:120px; float:left; color:white; height:65px;  padding:21px 12px 21px 27px;font-size:1.14em;}
.personInfo .layui-form-switch{height:33px; min-width:65px; border-radius: 0;margin-top:4px; background-color:#5094FF; border-width: 0;}
.personInfo .layui-form-onswitch{border-color: #5C96DA; background-color: #5C96DA; text-align: center; font-size:1.1em;}
.personInfo .layui-form-switch i{width:31px; height:27px; border-radius:0;     left:3px; top:3px; border:2px solid #4A82C6; background-color:#DEEFFF; font-family:"微软雅黑"; font-size:1.1em; font-style: normal; color:#8EA7CA; text-align: center;}
.personInfo .layui-form-switch i:before{font-family:"微软雅黑"; font-style: normal; color:#8EA7CA;}
.personInfo .layui-form-switch i:after{content: "III"; font-family: "微软雅黑"; font-style: normal; color:#8EA7CA; font-style:1.1em;}
.personInfo .layui-form-onswitch i{margin-left:28px;}
.personInfo .layui-form-onswitch i:after{content: "III"; font-family: "微软雅黑"; font-style: normal; color:#8EA7CA; font-style:1.1em;}
.personInfo .main-content .centerDiv .innerInputs .inputCollection .input-group:nth-child(3)>.layui-form{float:right;border:0px solid red; height:65px; padding:13px 12px 8px 27px;}
.personInfo .main-content .centerDiv .innerInputs .inputCollection .input-group:nth-child(4)>span{font-size:2.5em;}
.personInfo .main-content .centerDiv .innerInputs .inputCollection .input-group:nth-child(5)>span{font-size:1.8em;}
.personInfo .main-content .centerDiv .innerInputs .inputCollection .input-group input{background-color:#49a8ff; height:65px; color:white !important; font-size:1.14em; border-width:0px; padding: 10px 12px 8px 27px;}
/*input placeholder*/
.personInfo .main-content .centerDiv .innerInputs .inputCollection .input-group input::-webkit-input-placeholder{color:white; }
.personInfo .main-content .centerDiv .innerInputs .inputCollection .input-group input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color:white;}
.personInfo .main-content .centerDiv .innerInputs .inputCollection .input-group input::-moz-placeholder { /* Mozilla Firefox 19+ */ color:white;}
.personInfo .main-content .centerDiv .innerInputs .inputCollection .input-group input:-ms-input-placeholder { /* Internet Explorer 10-11 */ color:white; }
.personInfo .main-content .centerDiv .navtigateDiv{border:0px solid red;}
.personInfo .main-content .centerDiv .navtigateDiv .name{border:0px solid red;padding-top:0px; padding:20px 0 0 0; height:50px}
.personInfo .main-content .centerDiv .navtigateDiv .name span{padding:0;}
.personInfo .main-content .centerDiv .navtigateDiv .name span:nth-child(1){padding-left:28px; color:#c1c8d1;}
.personInfo .main-content .centerDiv .navtigateDiv .name span:nth-child(2){padding-left:49px; color:white}
.personInfo .main-content .centerDiv .navtigateDiv .name span:nth-child(3){padding-left:42px;}
.personInfo .main-content .centerDiv .navtigateDiv .name span:nth-child(4){padding-left:83px;}
.personInfo .main-content .centerDiv .navtigateDiv .dits{border:0px solid red; height:74px;}
.personInfo .main-content .centerDiv .navtigateDiv hr{width:113%; margin-left:-30px;}
.personInfo  .main-content .navtigateDiv .dit .inline_div{height:82px;}
.personInfo  .main-content .navtigateDiv .dit .inline_div>div{height:37px}

.personInfo .main-content .rightDiv{width:460px; height:760px;/*background-color:#2282ff;*/ padding:0 50px;} 
.personInfo .main-content .rightDiv .desImg{border:0px solid red; text-align: center; padding-top:120px;}
.personInfo .main-content .rightDiv .desImg img{width:95%}
.personInfo .main-content .rightDiv h1{font-size:2.57em; color:#227fc1; text-align: center; border:0px solid red; margin:10px auto 0; line-height:58px;}
.personInfo .main-content .rightDiv .beizhu{border:0px solid red; margin-top:15px; font-size:1.28em; color:#acacac; height:170px; text-overflow: ellipsis;overflow: hidden; line-height: 28px;}
.personInfo .main-content .rightDiv .datiBtn{border:0px solid red; background-color:#212121; color:white; font-size: 1.85em; height:50px; width:157px; margin:0 auto;display: block; margin-top:20px;}

.bar{background-color:#1182c9; width:1px; height:50px; position:absolute; top:8px; left:85px; z-index: 1;}

/*答题页面*/
.bg{background:url(../images/bg_answerQues.jpg) no-repeat; background-size:100% 100%; position:fixed; top:0; left:0; right:0; bottom:0; z-index: -1;}
.answerQues{border:0px solid red; z-index:1; } 
.answerQues .personInfomations{height:80px; width:100%; background-color:#f5f5f5; position:fixed; top:0; left:0;z-index: 999;}
.answerQues .personInfomations ul{border:0px solid green; letter-spacing:-4px; width:82%; height:80px; margin:0 auto; padding:22px 0px; overflow:hidden; text-overflow:ellipsis; white-space: nowrap;}
.answerQues .personInfomations ul li{border:0px solid red; display: inline-block; letter-spacing:0px; text-align:center; margin:0 auto; padding:0px 16px;overflow:hidden; text-overflow:ellipsis; white-space: nowrap;}
.answerQues .personInfomations ul li:nth-child(1){text-align: left; width:230px;padding-left:0; }
.answerQues .personInfomations ul li:nth-child(2){}
.answerQues .personInfomations ul li:nth-child(3){}
.answerQues .personInfomations ul li:nth-child(4){padding:0;}
.answerQues .personInfomations ul li:nth-child(5){width:261px;text-align: left; padding-right:0;}
.answerQues .personInfomations ul li:nth-child(6){}
.answerQues .personInfomations  a{outline:none; opacity: 0.8; border-radius: 20px; border:0px solid red; background-color: #212121; color: white; font-size: 1.4em; height:40px; width:120px;   margin-top:0px; position:absolute; top:19px; left:85%; padding:6.5px 0; text-align:center; }
.answerQues .personInfomations ul li span:nth-child(1){font-family: 仿宋; font-size:1.5em; font-style: italic;}
.answerQues .personInfomations ul li span:nth-child(2){font-size:1.93em;     font-family: numsClock;}
.answerQues .personInfomations ul li:nth-child(3) span:nth-child(2){border:0px solid red;}

.answerQues .infoDiv{border:0px solid red; height:500px; margin-top:80px;}
.answerQues .questions{border:0px solid green; height:auto;width:70%; margin-bottom:66px;}
.answerQues .questions .tabbable{border:0px solid red;}
.answerQues .questions .tabbable .nav{border:0px solid red; }
.answerQues .questions .tabbable .nav.nav-tabs{z-index: 1;}
.answerQues .questions .tabbable .nav.nav-tabs>li {font-size:1.42em; width: 150px; height:36px; background-color: #dcdcdc; text-align: center; margin-right: 3px;}
.answerQues .questions .tabbable .nav.nav-tabs>li a {padding:4px 15px; color:white;}
.answerQues .questions .tabbable .nav.nav-tabs .active a{color:#666666; width:150px; height:44px !important; border-top:3px solid #08247b; margin-top:-8px; padding:7px 15px;font-size:1.05em}
.answerQues .questions .tabbable .nav.nav-tabs>li a:hover{ height:36px;}
.answerQues .questions .tabbable .tab-content{border:0px solid green;}
.answerQues .questions .tabbable .tab-content .tab-pane .questionsBlock{border:0px solid green; height:auto; width:100%; padding:23px; margin-bottom:1px; background-color:white;}
.answerQues .questions .tabbable .tab-content .tab-pane .questionsBlock .questionTitle{border:0px solid green; height:94px; font-size:1.5em; padding:29px 0px;}
.answerQues .questions .tabbable .tab-content .tab-pane .questionsBlock .questionTitle .questionNums{float:left; border:1px solid #1F95FF; height:33px; width:90px; border-radius:5px; color:#333333; text-align:center;padding:1px 0px;margin-right:23px;}
.answerQues .questions .tabbable .tab-content .tab-pane .questionsBlock .questionTitle .questionTitleContent{border:0px solid green; width:89%; height:auto; float:right; margin-bottom: 29px;}

.answerQues .questions .tabbable .tab-content .tab-pane .questionsBlock .selectItem {border:0px solid green; }
.answerQues .questions .tabbable .tab-content .tab-pane .questionsBlock .selectItem .form{border:0px solid red;width:100%;}
.answerQues .questions .tabbable .tab-content .tab-pane .questionsBlock .selectItem .form>div{border:0px solid blue; width:100%; letter-spacing:-4px; overflow: hidden; background-color:#ecf6ff; margin-bottom:6px;}
.answerQues .questions .tabbable .tab-content .tab-pane .questionsBlock .selectItem .form>div .item{letter-spacing:0; border:0px solid red; width:9%; height:45px; text-align: center; float:left; padding:8px 0px;}
.answerQues .questions .tabbable .tab-content .tab-pane .questionsBlock .selectItem .form>div .item .box{ border:0px solid red; letter-spacing:0; }
.answerQues .questions .tabbable .tab-content .tab-pane .questionsBlock .selectItem .form>div .dividingLine{letter-spacing:0; height:33px; width:0.1%; background-color:#49a8ff; float:left; margin-top:6px;}
.answerQues .questions .tabbable .tab-content .tab-pane .questionsBlock .selectItem .form>div label{padding-bottom:7px;; letter-spacing:0; border:0px solid green; font-size:1.5em; font-weight:normal; float:left; width:90.9%; padding-left:29px; margin-bottom:0; padding-top:8px;}

/*信息面板*/
.answerQues .messages{position:fixed; right:0; margin-right:160px;width:22%; height:650px; background-color:#f5f5f5; text-align: center;}
.answerQues .messages .countDown{border:0px solid red;}
.answerQues .messages .countDown .numsOfTime{border:0px solid red; }
.answerQues .messages .countDown .numsOfTime .title{border:0px solid red; height:130px; font-size:2.42em; padding-top:70px;padding-bottom: 10px; margin-bottom: 20px;}
.answerQues .messages .countDown .numsOfTime span{border:0px solid red; color:#1f95ff; font-size:7em;}
.answerQues .messages .countDown .numsOfTime .countDownNums{border:0px solid red; font-family: numsClock; font-size:6em;}
.answerQues .messages .countDown hr{background-color:#e1e1e1; border: none; height:2px;margin:0 auto; width:80%;}
.answerQues .messages .countDown .numsOfQues{border:0px solid red; font-size:1.5em;}
.answerQues .messages .countDown .numsOfQues>div{border:0px solid red; margin:28px 0;}
.answerQues .messages .countDown button{outline:none; border-radius:0px; border:0px solid red; background-color: #212121; color: white; font-size: 1.85em; height:50px; width:176px;   padding:6.5px 0 }

/*单选按钮*/
input[type="radio"] + label::before ,
input[type="checkbox"] + label::before { content: "\a0"; /*不换行空格*/ display: inline-block; vertical-align: middle; font-size: 18px; width: 1em; height: 1em; margin-right: .4em; border-radius: 50%; border: 1px solid #01cd78; text-indent: .15em; line-height: 1; }

*{margin: 0;padding: 0;}
  p{ position: absolute; line-height: 1;}
  form { display: inline-block; margin-left: 0px;}
  .box { display: inline-block; width: 27px; height: 27px; position: relative; background: #fff; vertical-align: middle; border:1px solid #d6d6d6 !important; border-radius: 100%; background-color:#f3f5f6; }
  .box input { opacity: 0; position: absolute; top:-3px; left:-4px; width: 100%; height:100%; z-index:100;/*使input按钮在span的上一层，不加点击区域会出现不灵敏*/}
  input+span { display: block; width: 17px; height: 17px; border-radius:50%; position: relative; background: #25a4e4; /*#1796f9;*/ top: 29%; left:29%; margin: -3px 0  0 -3px; z-index:1;}
  input[type="radio"] + span ,
  input[type="checkbox"] + span { opacity: 0;}
  input[type="radio"]:checked + span ,
  input[type="checkbox"]:checked + span{ opacity: 1;}
  
.score .personInfomations ul{ border:0px solid red; width:1180px;}
.score .personInfomations ul li{border:0px solid green;}
.score .personInfomations ul li:nth-child(4){float:right;}

@media only screen and (min-width: 1766px) and (max-width:1919px) {
.answerQues .personInfomations{}
.answerQues .personInfomations ul{width:94%;}
.answerQues .personInfomations ul li{}
.answerQues .personInfomations ul li:nth-child(4){width:30%;}
.answerQues .personInfomations  a{left:90.5%;top:20px;}
.answerQues .questions .tabbable .tab-content .tab-pane .questionsBlock .questionTitle .questionTitleContent{width:88%}
.score .personInfomations ul{ border:0px solid red; width:1180px;}
.score .personInfomations ul li{border:0px solid green;}
.score .personInfomations ul li:nth-child(4){float:right;}
}

@media only screen and (min-width: 1601px) and (max-width:1765px) {
.answerQues .personInfomations{height:60px;}
.answerQues .personInfomations ul{width:94%;padding:16px 0; height:60px; }
.answerQues .personInfomations ul li{border:0px solid red;}
.answerQues .personInfomations ul li span:nth-child(1){font-size:1.4em; }
.answerQues .personInfomations ul li span:nth-child(2){font-size:1.6em; }
.answerQues .personInfomations  a{top:10px; left:90%; height:40px; width:110px; }
.answerQues .questions .tabbable .tab-content .tab-pane .questionsBlock .questionTitle .questionTitleContent{width:86%}
.score .personInfomations ul{ border:0px solid red; width:1180px;}
.score .personInfomations ul li{border:0px solid green;}
.score .personInfomations ul li:nth-child(4){float:right;}
}

@media only screen and (min-width: 1367px) and (max-width:1600px) {
.answerQues .personInfomations{height:60px;}
.answerQues .personInfomations ul li:nth-child(5){width:16%; }
.answerQues .personInfomations ul{width:94%;padding:16px 0; height:60px; border:0px solid red;}
.answerQues .personInfomations ul li{border:0px solid red;}
.answerQues .personInfomations ul li span:nth-child(1){font-size:1.4em; }
.answerQues .personInfomations ul li span:nth-child(2){font-size:1.6em; }
.answerQues .personInfomations  a{top:10px; left:90%; height:40px; width:110px; }
.answerQues .questions .tabbable .tab-content .tab-pane .questionsBlock .questionTitle .questionTitleContent{width:84%}
.score .personInfomations ul{ border:0px solid red; width:1180px;}
.score .personInfomations ul li{border:0px solid green;}
.score .personInfomations ul li:nth-child(4){float:right;}
}

@media only screen and (min-width: 900px) and (max-width:1366px) {
.answerQues .infoDiv{margin-top:80px;}
.answerQues .personInfomations{height:60px;}
.answerQues .personInfomations ul{width:94%;padding:18px 0; height:60px;}
.answerQues .personInfomations ul li:nth-child(1){ width:148px;}
.answerQues .personInfomations ul li:nth-child(4){ width:33%; }
.answerQues .personInfomations ul li:nth-child(5){ width:15%; }
.answerQues .personInfomations ul li span:nth-child(1){font-size:1em; }
.answerQues .personInfomations ul li span:nth-child(2){font-size:1.2em; }
.answerQues .personInfomations  a{top:10px; left:89%;height:40px; width:110px; }
.answerQues .messages{height: 580px;}
.answerQues .messages .countDown .numsOfTime .title{height:50px; padding-top:30px;font-size:2.1em;}
.answerQues .messages .countDown .numsOfTime .countDownNums{font-size:4em;}
.answerQues .questions .tabbable .tab-content .tab-pane .questionsBlock .questionTitle .questionTitleContent{width:80%}
.score .personInfomations ul{ border:0px solid red; width:1180px;}
.score .personInfomations ul li{border:0px solid green; }
.score .personInfomations ul li:nth-child(4){float:right;}
.score .personInfomations ul li:nth-child(1){ width:230px;}
.score .personInfomations ul li:nth-child(2),
.score .personInfomations ul li:nth-child(3){ width:34%; }
.score .personInfomations ul li:nth-child(4){ width:11%; }
.score .personInfomations ul li:nth-child(5){ width:11%; }
.score .personInfomations ul li span:nth-child(1){font-size:1.5em; }
.score .personInfomations ul li span:nth-child(2){font-size:1.93em; }
}

/*成绩页面*/
.score{border:0px solid red;}
.score .main-content{}
.score .main-content .scoreDiv{border:0px solid red; height:260px; color:white; text-align:center; position:relative; padding-top:75px; font-weight: 100;}
.score .main-content .scoreDiv h1{border:0px solid red; display: inline-block; font-size: 5.35em; font-weight: 100;}
.score .main-content .scoreDiv h1 span{border:0px solid red;font-size:127px; font-weight: 100;}
.score .main-content .scoreDiv>span{font-size:3.38em; margin-left:100px;}
.score .main-content .detailedDiv{height:370px; border:0px solid red; margin:0 90px; border-radius:10px; background-color:#F9F8F8; z-index:999; position:relative; letter-spacing: -4px; padding:20px;}
.score .main-content .detailedDiv .innerDetail{text-align:center; border:0px solid red; float:left; height:290px; width:290px; border-radius: 10px; background-color:white; letter-spacing:0; margin:20px 14px;}
.score .main-content .detailedDiv .innerDetail .title{border:0px solid red; height:135px; font-size:1.93em; color:#666666; padding:50px 0px;}
.score .main-content .detailedDiv .innerDetail hr{background-color:#e1e1e1;}
.score .main-content .detailedDiv .innerDetail .innerDetailContent{font-size:1.36em; padding:35px 0px;}
.score .main-content .detailedDiv .innerDetail .innerDetailContent>div{border:0px solid red; margin-bottom: 5px;}
.score .main-content .detailedDiv .innerDetail .innerDetailContent>div .iconfont{color:#1f95ff; font-size:1.2em;}
.score .main-content .bottomDiv{height:220px; width:100%; border:0px solid red; margin-top:-90px; float:left; background-color:#f3f3f3; text-align: center; }
.score .main-content .bottomDiv button{outline:none; border-radius:0px; border:0px solid red; background-color: #212121; color: white; font-size: 1.85em; height:50px; width:175px;   margin:130px auto 0 ;  padding:6px 0 }
